<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="../cultuurschuur/master.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:c="http://java.sun.com/jsp/jstl/core">

    <ui:define name="title">
        Overzicht geboekte reizen
    </ui:define>
    
    <ui:define name="content">
        <h1>Overzicht geboekte reizen</h1>
        <c:if test="#{boekingController.heeftKlantBoekingen()}"> 
        <h:form>
            <h:dataTable var="boeking" value="#{boekingController.overzichtBoekingenKlant()}" border="1">
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Bestemming:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.reis.bestemming}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Periode:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.reis.periode}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Vervoer:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.reis.vervoer}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="aantal plaatsen:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.reis.aantalPlaatsen}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Plaats van vertrek:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.reis.plaatsVanVertrek}"/>
                </h:column>
                <h:column>
                    <f:facet name="header">
                        <h:outputText value="Betaalwijze:"/>
                    </f:facet>
                    <h:outputText value="#{boeking.betaalwijze}"/>
                </h:column>
            </h:dataTable>
        </h:form>
        </c:if>
        <c:if test="#{!boekingController.heeftKlantBoekingen()}">
            <p>U heeft nog geen reizen geboekt.</p>
        </c:if>
    </ui:define>
    
</ui:composition>